import { ColorScaleItem } from '../types';

const sage: ColorScaleItem = {
  dark: [
    '#000000',
    '#1a1b1c',
    '#232526',
    '#2d2f30',
    '#383a3a',
    '#424545',
    '#4d5050',
    '#585c5c',
    '#636766',
    '#6e7371',
    '#797f7c',
    '#b5bab6',
    '#ffffff',
  ],
  darkA: [
    'rgba(255, 255, 255, 0.02)',
    'rgba(236, 246, 255, 0.11)',
    'rgba(233, 246, 253, 0.15)',
    'rgba(237, 248, 253, 0.19)',
    'rgba(243, 252, 252, 0.23)',
    'rgba(236, 246, 246, 0.28)',
    'rgba(241, 250, 250, 0.32)',
    'rgba(238, 249, 249, 0.37)',
    'rgba(241, 251, 248, 0.41)',
    'rgba(239, 250, 246, 0.46)',
    'rgba(242, 254, 248, 0.5)',
    'rgba(248, 255, 250, 0.73)',
    'rgba(255, 255, 255, 1)',
  ],
  light: [
    '#ffffff',
    '#f5faf4',
    '#e7ece6',
    '#d7ddd7',
    '#c9cfc9',
    '#bbc1bc',
    '#aeb4b0',
    '#a0a6a2',
    '#939996',
    '#868c89',
    '#797f7c',
    '#484b4b',
    '#111111',
  ],
  lightA: [
    'rgba(0, 0, 0, 0.015)',
    'rgba(55, 155, 35, 0.05)',
    'rgba(15, 65, 5, 0.1)',
    'rgba(5, 43, 5, 0.16)',
    'rgba(10, 37, 10, 0.22)',
    'rgba(3, 25, 6, 0.27)',
    'rgba(2, 21, 9, 0.32)',
    'rgba(5, 21, 10, 0.38)',
    'rgba(4, 18, 11, 0.43)',
    'rgba(3, 15, 9, 0.48)',
    'rgba(2, 13, 7, 0.53)',
    'rgba(1, 5, 5, 0.72)',
    'rgba(1, 2, 3, 0.9)',
  ],
};

export default sage;
